
<!DOCTYPE html>
<html lang="zh">
<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122717978-3"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-122717978-3');
    </script>
    <meta charset="UTF-8">
    <!--Import Google Icon Font-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!--Import materialize.css-->
    <link type="text/css" rel="stylesheet" href="lib/materialize/css/materialize.min.css"  media="screen,projection"/>
    <title>彩虹屁生成器</title>
    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="css/index.css">
    <script data-ad-client="ca-pub-6947954153514890" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>


</head>

<body style="">
<div class="pageContainer ">

        <div class="contentArea">
            <div class="card-panel nameSection surface" id="card">
                <h4>彩虹屁生成器</h4>
                <div class="input-field">
                    <input id="name" type="text" placeholder="Ta的名字"/>
                    <label for="name"></label>
                </div>
                <div class="button green z-depth-1" onclick="buttonClick()">
                    生成!
                </div>
            </div>
            <div id="contentContainer" class="card-panel content surface hide">
                <div id="content"></div>
                <div class="button z-depth-1 green nameSection" onclick="buttonClick()">重新生成</div>
                <div class="button z-depth-1 blue nameSection" id="copy" data-clipboard-target="#content">复制生成的彩虹屁</div>
            </div>
            <div class="card-panel">
                <!--<div><span>作者：Haodong JU</span></div>-->
                <!--<div>
                    我的知乎个人首页：
                    <a href="https://www.zhihu.com/people/haodong-ju">达瓦里希</a>
                </div>-->
                <div>
                    <!--<span>Github 项目地址:
                        <a  href="https://github.com/juhaodong/CaiHongPi">
                            juhaodong/CaiHongPi
                        </a>
                    </span>-->
                </div>

            </div>

        </div>




</div>



<!--JavaScript at end of body for optimized loading-->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
<script type="text/javascript" src="lib/materialize/js/materialize.min.js"></script>
<script src="lib/clipboard.min.js"></script>
<script src="lib/jquery.js"></script>
<script src="lib/vue.js"></script>
<script src="data/caihongpi.js"></script>
<script src="data/qinghua.js"></script>
<script src="lib/JHCOMMONLIB.js"></script>
<script src="js/index.js"></script>
</body>
</html>
